<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- ↓ 这里的标题会显示在浏览器标签页上 -->
    <title>Krueger - Audio Profile</title>
    <style>
        /* 引入和ID卡一致的字体，保持风格统一 */
        @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap');

        body {
            margin: 0;
            padding: 20px;
            background-color: #121212; /* 深邃的背景色 */
            color: #E0E0E0; /* 柔和的文字颜色 */
            font-family: 'IBM Plex Mono', monospace;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            text-align: center;
        }

        .container {
            max-width: 600px;
        }

        /* 角色名称样式 */
        h1 {
            color: #C0C0C0; /* 银色 */
            letter-spacing: 2px;
            margin-bottom: 30px;
        }

        /* 独白文字样式 */
        blockquote {
            font-size: 1em;
            line-height: 1.8;
            border-left: 3px solid #555;
            padding-left: 20px;
            margin: 0 0 30px 0;
            font-style: italic;
            text-align: left;
        }

        /* 音频播放器样式 */
        audio {
            width: 100%;
            margin-top: 20px;
            /* 一个小技巧让默认播放器变成浅色，以适应深色背景 */
            filter: invert(1);
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- ==================== 您需要修改的部分 START ==================== -->
        <!-- 2. 修改角色名称 -->
        <h1>Keegan</h1>

        <!-- 3. 粘贴独白文字稿 -->
        <blockquote>
            Du willst wissen, wer ich bin? ...Niemand. Ich bin der letzte Atemzug in einem dunklen Korridor. Ich bin der Schatten, der fällt, kurz bevor das Licht ausgeht.Mein Name ist nicht wichtig. Nur, dass ich komme. Und du kannst nicht entkommen.
        </blockquote>
        <blockquote>
           想知道我是谁？……无名之辈。我是黑暗走廊里最后的喘息，是灯光熄灭前……彻底沉入的那片阴影。我的名字不重要。你只需知道——我来了。而你，无处可逃。
        </blockquote>
        <!-- 4. 替换音频文件链接，并添加 autoplay 属性 -->
        <audio controls autoplay>
            <source src="krueger.mp3" type="audio/mpeg">
            您的浏览器不支持音频播放。
        </audio>

        <!-- ==================== 您需要修改的部分 END ==================== -->
    </div>
</body>
</html>